@media screen and (max-width: 768px) {
    * {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .partlast1 {
        width: 100%;
        background-color: white;
        border-bottom: 1px solid #f2f2f2;
    }

    .partlast1 div {
        position: relative;
        margin: 0px 6%;
        border-top: 1px solid #f2f2f2;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        animation: rotation 3s linear delay iteration-count direction fill-mode;
    }

    /* .partlast1 div:nth-of-type(1) {
        border-bottom: 1px solid #f2f2f2;
    } */
    .partlast1 div:nth-of-type(1) {
        border-top: 0px;
    }

    .partlast1 div span {
        /*  animation: rotation 1s ease 0s  forwards; */
        /* display: block; */
        position: absolute;
        width: 10px;
        height: 10px;
        border-right: 3px solid rgba(0, 0, 0, 0.5);
        border-bottom: 3px solid rgba(0, 0, 0, 0.5);
        top: 20px;
        right: 15px;
        transform: rotate(-45deg);
    }

    .partlast1 ul li {
        font-size: 10px;
        margin-top: 20px;
        margin-left: calc(6% + 12px);
        margin-bottom: 10px;
        /* position: absolute; */
    }

    .partlast1 ul {
        width: 100%;
        height: 0px;
        overflow: hidden;
        /* display: none; */
    }

    .partlast2 {
        margin: 40px 0px;
        padding-left: 6%;
        box-sizing: border-box;
        width: 100%;
        font-size: 12px;
        color: #333333;
        line-height: 20px;
    }

    .partlast2 p {
        color: #333333;
        text-align: center;
    }

    .partlast2 a {
        display: block;
        color: #333333;
        text-decoration: none;
        margin-bottom: 10px;
        text-align: center;
    }

    .partlast2 p a {
        display: inline-block;
    }

    @keyframes rotation1 {
        0% {
            transform: rotate(-45deg);
        }

        100% {
            transform: rotate(45deg);
        }
    }

    @keyframes rotation2 {
        0% {
            transform: rotate(45deg);
        }

        100% {
            transform: rotate(-45deg);
        }
    }
    @keyframes huad_down5 {
        0% {
            height: 0px;
        }

        100% {
            height: 200px;
        }
    }

    @keyframes shouqi_up5 {
        0% {
            height: 200px;
        }

        100% {
            height: 0px;
        }
    }

    @keyframes huad_down4 {
        0% {
            height: 0px;
        }

        100% {
            height: 160px;
        }
    }

    @keyframes shouqi_up4 {
        0% {
            height: 160px;
        }

        100% {
            height: 0px;
        }
    }

    @keyframes huad_down3 {
        0% {
            height: 0px;
        }

        100% {
            height: 130px;
        }
    }

    @keyframes shouqi_up3 {
        0% {
            height: 130px;
        }

        100% {
            height: 0px;
        }
    }

    @keyframes huad_down2 {
        0% {
            height: 0px;
        }

        100% {
            height: 90px;
        }
    }

    @keyframes shouqi_up2 {
        0% {
            height: 90px;
        }

        100% {
            height: 0px;
        }
    }

    @keyframes huad_down1 {
        0% {
            height: 0px;
        }

        100% {
            height: 50px;
        }
    }

    @keyframes shouqi_up1 {
        0% {
            height: 50px;
        }

        100% {
            height: 0px;
        }
    }
}